XAML high contrast style sample


XAML, Windows Runtime
User Interface
Windows RT
en-US
11/25/2013

This sample demonstrates various techniques for implementing support for high contrast mode in your app.

Supporting high contrast mode is important to make your app accessible to people with vision problems. Users can switch to high contrast mode at any time, but this will have no effect on your app unless you implement high contrast support.

This sample demonstrates:

  • Using the ThemeDictionaries property to declare styles that will be applied only in high contrast mode.
  • Using the ThemeDictionaries property and defined system color keywords to implement a custom Button style that has high-contrast compliant complex visuals.
  • Detecting high contrast mode and applying system colors in code.

To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.

To obtain an evaluation copy of Microsoft Visual Studio 2013, go to Visual Studio 2013.

Note  For Windows 8 app samples, download the Windows 8 app samples pack. The samples in the Windows 8 app samples pack will build and run only on Microsoft Visual Studio 2012.

Related topics

Accessibility in apps using C++, C#, or Visual Basic
Guidelines and checklist for accessibility
Supporting high-contrast themes
Adding app bars
ThemeDictionaries
Windows 8 app samples

Operating system requirements

Client
Windows 8.1
Server
Windows Server 2012 R2

Build the sample

  1. Start Visual Studio 2013 and select File > Open > Project/Solution.
  2. Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Visual Studio 2013 Solution (.sln) file.
  3. Press F7 or use Build > Build Solution to build the sample.

Run the sample

To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.